.login_container {
  width: 100%;
  height: 100%;
  background: url("../../assets/logo-bg.png") no-repeat;
  background-size: 100% 100%;
  min-width: 1100px;
  overflow: auto;
  .wrap {
    width: 40%;
    position: absolute;
    top: 50%;
    left: 10%;
    transform: translateY(-50%);
    @media screen and (max-width: 1650px) {
      left: 7%;
      width: 55%;
    }
    @media screen and (max-width: 1460px) {
      left: 4%;
      transform: translateY(-50%) scale(0.8);
    }
    @media screen and (max-width: 1200px) {
      left: 0%;

      transform: translateY(-50%) scale(0.7);
    }
    @media screen and (max-width: 1100px) {
      left: 4%;
      transform: translateY(-50%) scale(0.7);
    }
  }
  .first_title {
    font-size: 36px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    margin-bottom: 19px;
    height: 36px;
    line-height: 36px;
  }
  .title {
    margin-bottom: 37px;
    height: 56px;
    font-size: 56px;
    white-space: nowrap;

    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #4282f5;
    line-height: 50px;
  }
  .form_wrap {
    :global {
      .ant-form-item-required {
        font-size: 20px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #333333;
      }

      .ant-form-item-control-input-content {
        border: none;
      }

      .ant-input,
      .ant-input-password {
        border-radius: 0;
        border-left: none;
        border-right: none;
        border-top: none;
        font-size: 20px;
      }
      .ant-input:focus {
        box-shadow: none !important;
      }
      .ant-input-affix-wrapper-focused {
        box-shadow: none !important;
      }
    }
  }

  .btn_style {
    width: 480px;
    height: 60px;
    font-size: 24px;
    font-family: "Microsoft YaHei";
    font-weight: 400;
    color: rgb(255, 254, 254);
    margin: 20px auto;
    border-radius: 40px;
  }
}
